footer {overflow:hidden;}
.footer-top {background-color:#353535;}
.f-nav {padding:80px 0;position:relative;}
.f-nav ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.f-nav:before {content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:108.45%;height:1px;background:#fff;opacity:.1;filter:alpha(opacity=10);}
.f-nav li { width:80px;}
.f-nav li .tit {font-size:20px;line-height:24px;color:#fff;font-family:"PINGFANG BOLD";}
.f-nav li .navson {margin-top:30px;}
.f-nav li .navson a {font-size:14px;line-height:24px;color:#c9c9c9;display:block;text-align:left;text-align-last:left;transition:all .3s;white-space:nowrap;}
.f-nav li .navson a:last-child {margin-bottom:0;}
.f-bottom {padding:40px 0 50px;}
.f-bottom .left {float:left;margin-top:10px;}
.f-bottom .left .f-logo {width:160px;}
.f-bottom .left .f-logo img {width:100%;}
.f-bottom .left .con {font-size:13px;line-height:24px;color:#b8b8b8;margin-top:30px;}
.f-bottom .right {float:right;}
.f-bottom .right .tit {font-size:20px;line-height:24px;color:#fff;font-family:arial;font-weight:bold;text-align:right;}
.f-bottom .right .share-box {margin-top:20px;text-align:right;font-size:0;}
.f-bottom .right .share-box a {display:inline-block;*display:inline;zoom:1;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:100%;padding:0;margin:0 0 0 8px;border:1px solid rgba(255,255,255,.2);border-radius:100%;}
.f-bottom .right .share-box .bshare-sinaminiblog {background-image:url('../cssimg/share-icon1.png');}
.f-bottom .right .share-box .bshare-weixin {background-image:url('../cssimg/share-icon2.png');}
.f-bottom .right .share-box .bshare-qqim {background-image:url('../cssimg/share-icon3.png');}
.f-bottom .right .mail-box {margin-top:40px;padding:20px;width:420px;background-color:#fff;}
.f-bottom .right .mail-box input[type=text] {float:left;width:80%;color:#353535;font-size:16px;height:24px;line-height:24px;font-family:"PINGFANG BOLD";}
.f-bottom .right .mail-box input[type=submit] {float:right;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:100%;background-image:url('../cssimg/send-btn.png');background-color:transparent;}
.footer-bottom {background-color:#262626;padding:20px 0;}
.footer-bottom .copy {float:left;font-size:12px;line-height:20px;color:#888;}
.footer-bottom .right {float:right;font-size:0;}
.footer-bottom .build,.footer-bottom .beian {display:inline-block;*display:inline;zoom:1;margin-left:10px;}
.footer-bottom .build,.footer-bottom .beian,.footer-bottom .right a {color:#888;font-size:12px;line-height:20px;transition:all .3s;}
/* footer end */
.view {width:74%;margin:0 auto;}


@media (min-width:1025px) {.wow {visibility:hidden;}
.f-nav li .navson a:hover,.footer-bottom .right a:hover {color:#fff;}

}





@media (max-width:1024px) {.view,.news-view {padding:0 5%;width:auto;}
.f-bottom .right .tit,.f-bottom .right .share-box {display:none;}

}
@media (max-width:767px) {.view {padding:0 12px;}

	
.f-nav {padding:20px 0;text-align:left;text-align-last:left;}
.f-nav ul {display:block;}
.f-nav li {width:100%;display:block;border-bottom:1px solid rgba(255,255,255,.2);}
.f-nav li:last-child {border-bottom:none;}
.f-nav li .tit {font-size:12px;line-height:32px;position:relative;display:block;}
.f-nav li .tit:before {content:"";position:absolute;right:0;top:50%;width:8.4px;height:8.4px;background-repeat:no-repeat;background-position:center;margin-top:-4px;background-image:url('../cssimg/f-nav-arrow.png');background-size:cover;transition:all .3s;}
.f-nav li .navson {display:none;margin-top:0;padding:0 0 8px;}
.f-nav li .navson a {font-size:9.6px;line-height:16px;margin-bottom:8px;padding:0 12px;}
.f-nav li.on .tit:before {transform:rotate(90deg)}
.f-bottom {padding:20px 0;}
.f-bottom .left {margin-top:0;float:none;}
.f-bottom .left .f-logo {width:64px;}
.f-bottom .left .con {font-size:9.6px;line-height:16px;margin-top:12px;}
.f-bottom .right {float:none;margin-top:12px;}
.f-bottom .right .mail-box {margin:0;width:auto;padding:8px 12px;}
.f-bottom .right .mail-box input[type=text] {font-size:12px;line-height:20px;height:20px;}
.f-bottom .right .mail-box input[type=submit] {width:20px;height:20px;}
.footer-bottom {text-align:center;}
.footer-bottom .copy {float:none;width:100%;font-size:9.6px;line-height:16px;}
.footer-bottom .right {float:none;}
.footer-bottom .build,.footer-bottom .beian {margin:0 10px 0 0;}
.footer-bottom .build,.footer-bottom .beian,.footer-bottom .right a {font-size:9.6px;line-height:16px;}

}